<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <img src="../4_25.png" alt="加载失败" title="板书" width="500px" height="1000px"> -->

    <!-- <input class="btn" type="button" value="播放"> -->

    <!-- <input class="pq" type="text" value="0">
    <input class="add" type="button" value="+1" onclick="Add()">
    <input class="min" type="button" value="-1" onclick="Min()"> -->

    <div class="div" style="font-size: 10px;" onclick="bigger()">O(∩_∩)O哈哈~</div>


    <input type="checkbox"> xxs
</body>

<script>
    // let fontSz = document.querySelector('.div');

    function bigger()
    {
        // let sz = parseInt(fontSz.style.fontSize);
        // console.log(sz);
        // fontSz.style.fontSize = sz + 10 + 'px';

        let element = document.querySelector('.div');
        let sz = parseInt(element.style.fontSize) + 10;
        console.log(sz);
        console.log(element.style);
        element.style.cssText = 'font-size: ' + sz + 'px';
    }

    

    // let pq_input = document.querySelector('.pq');
    // function Add()
    // {
    //     pq_input.value = parseInt(pq_input.value) + 1;
    // }

    // function Min()
    // {
    //     pq_input.value = parseInt(pq_input.value) - 1;
    // }


    // let btn = document.querySelector(".btn");
    // btn.onclick = function ()
    // {
    //     if(btn.value == "播放")
    //         btn.value = "暂停"
    //     else
    //         btn.value = "播放"
    // }

    // let img = document.querySelector("img");
    // img.title = "这是个板书"
    // console.dir(img);
</script>
</html>